.normal{
  background: white;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.03);
}

.left{
  width: 50%;

  &> table{
    border-collapse: collapse;
    border: 1px solid rgba(0, 0, 0, 0.2);
    & tr:nth-child(-n+3) {
      &> td{
        height: 100px;
        width: 300px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        &> div{
          height: 80%;
          width: 75%;
          margin: 0 auto;
          & :global(.ant-statistic-content){
            font-size: 30px;
          }

          & :global(.ant-statistic-content-value-decimal) {
            font-size: 30px;
          }
        }
        &>.special{
          width: 90%;
          & :global(.ant-statistic-content){
            width: 85%;
            margin: 0 auto;
          }
        }
      }
    }
    & tr:nth-child(4) {
      &> td {
        height: 100px;
        width: 300px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        & .title{
          width: 75%;
          margin: 0 auto 5px auto;
          color: rgba(0, 0, 0, 0.45);
        }
        & .chart{
          margin: 0 auto;
          height: 50px;
          width: 160px;
        }
      }
    }
  }
}

.right{
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  &> .map{
    width: 95%;
  }
}



